//tailwind
@tailwind base;
@tailwind components;
@tailwind utilities;

//icon
.icon{
  cursor: pointer;
}
//宽高一致的盒子
.hw-box{
  position: relative;
  height: 0;
  padding:50% 0;
  .hw-content{
    top:0;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}

.nowrap{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
//不显示滚动条
.noscroll{
  &::-webkit-scrollbar{
    width: 0px !important;
    height: 0px !important;
  }
}
//其他滚动条
*:not(.noscroll){
  //scroll
  &::-webkit-scrollbar{
    width: 9px !important;
    height: 9px !important;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 1px;
    border-style: dashed;
    background-color: rgba(157, 165, 183, 0.4);
    border-color: transparent;
    border-width: 2px;
    background-clip: padding-box;
  }
  &::-webkit-scrollbar-thumb:hover {
    background: rgba(119, 133, 183, 0.7)
  }
}
